<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title>确认充电</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/children.css" />

	</head>
	<body>
		<div class="main main-fixed">
			<div class="sel-charge-time-box">
				<div class="charge-bianhao-box">
					<p class="left-name">设备编号：85546435174</p>
					<div class="kefu-box">
						<img src="images/icon/icon-kefu-blue.png" class="img-kefu" />
						<span>客服</span>
					</div>
				</div>
				<div class="header-box">
					<h5>请选择充电时长</h5>
					<div class="biaozhun-box">
						<span class="biaozhun">收费标准</span>
						<span class="biaozhun">使用说明</span>
					</div>
				</div>
				<div class="sel-charge-list-box">
					<div class="">充满自停</div>
					<div class="">1小时</div>
					<div class="">4小时</div>
					<div class="">6小时</div>
					<div class="">8小时</div>
					<div class="">12小时</div>
				</div>
				<div class="chongdian-tips">
					<img src="images/icon/icon-danger.png" class="icon-danger">
					<span>对爱车充电保护，建议优先选择充满自停</span>
				</div>
			</div>


			<div class="pay-list-box">
				<h5 class="pay-type">请选择支付方式</h5>
				<div class="pay-list list-modouPay">
					<img src="images/icon/icon-zhifubao.png" class="icon-pay-dou" />
					<div class="list-cont">
						<p class="name">支付宝支付</p>
						<span class="txt-s">预扣金额，充电结束时未使用金额在48小时内退款</span>
					</div>

				</div>
				<div class="pay-list list-weixinPay">
					<img src="images/icon/chongdianquan.png" class="icon-pay-dou">

					<div class="list-cont list-cont2">
						<p class="name">使用充电券</p>
						<p class="name2">3张</p>
					</div>
				</div>
			</div>
			<!-- 广告 -->
			<div class="ad-img-box">
				<img src="https://img.js.design/assets/img/658249fa0d250734ef4ebdf5.png" class="img-ad">
			</div>
			<div class="footer-box">
				<a class="footer-warp" href="首页.html">
					<img src="images/tabbar/home.png" class="icon-home" />
					<p class="footer-name">首页</p>
				</a>

				<a class="footer-warp">
					<img src="images/icon/saoma.png" class="icon-home" />
					<p class="footer-name">扫码</p>
				</a>

				<div class="btn btn-blue btn-middle" onclick="location.href='充电中.html'">去充电</div>

			</div>

			<script type="text/javascript" src="js/zepto.min.js"></script>
			<script type="text/javascript" src="js/rem.js"></script>
			<script type="text/javascript" src="js/init.js"></script>
			<script type="text/javascript">
				$(function() {
					// 引导
					$('.sel-charge-list-box div').click(function() {
						$(this).addClass('active').siblings().removeClass('active')
					})
				})
			</script>
	</body>
</html>